<template>
  <div class="message-time">{{ proxy.Date.toTimeText(data.sendTime, false) }}</div>
</template>

<script setup>
import { getCurrentInstance, } from "vue";
const { proxy } = getCurrentInstance();

const props = defineProps({
  data: {
    type: Object,
  },
});
</script>

<style lang="scss" scoped>
.message-time {
  background: #dadada;
  display: inline-block;
  color: #fff;
  font-size: 12px;
  padding: 2px 5px;
  border-radius: 3px;
  margin: 10px 0px;
}
</style>
